@font-face {
    font-family: "Rubik-titulo";
    src: url("/assets/fonts/Rubik-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-texto";
    src: url("/assets/fonts/Montserrat-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-titulo";
    src: url("/assets/fonts/Montserrat-Medium.otf") format("opentype");
}ms-titulo-w-services

@font-face {
    font-family: "Montserrat-italic";
    src: url("/assets/fonts/Montserrat-Italic.otf") format("opentype");
}

@font-face {
    font-family: "Playfair-display-black";
    src: url("/assets/fonts/Playfair-display.black.ttf") format("truetype");
}

@font-face {
    font-family: "Playfair-display-italic";
    src: url("/assets/fonts/playfair-display.italic.ttf") format("truetype");
}

@font-face {
    font-family: "Playfair-display-regular";
    src: url("/assets/fonts/playfair-display.regular.ttf") format("truetype");
}

body {
    font-family: "Montserrat-texto", sans-serif;
}

html {
    scroll-behavior: smooth;
}

.grid-noctiluca {
    display: grid;
    grid-auto-rows: 200px;
    gap: 1.25rem;
    grid-auto-flow: row dense;
}

@media all and (min-width: 320px) {
    .grid-noctiluca {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media all and (min-width: 768px) {
    .grid-noctiluca {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media all and (min-width: 1024px) {
    .grid-noctiluca {
        grid-template-columns: repeat(6, 1fr);
    }
}

.grid-item-noctiluca:nth-child(11n + 1) {
    grid-column: span 2;
}

.grid-item-noctiluca:nth-child(11n + 4) {
    grid-column: span 2;
    grid-row: span 1;
}

.grid-item-noctiluca:nth-child(11n + 6) {
    grid-column: span 3;
    grid-row: span 1;
}

.grid-item-noctiluca:nth-child(11n + 7) {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-item-noctiluca:nth-child(11n + 8) {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-item-noctiluca:nth-child(11n + 9) {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-item-noctiluca a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 1.25rem;
}

.border-left-noctiluca {
    border-left: 3px solid #b8afaf !important;
    /* #F2951C */
}

.button-noctiluca-active-p {
    border: 4px double #00345b !important;
}

.button-noctiluca-active-g {
    border: 4px double #f2951c !important;
}

h2.ms-titulo {
    font-family: "Playfair-display-italic", sans-serif;
    font-size: 2.875rem;
    line-height: 3.5rem !important;
    color: #003559;
    letter-spacing: 1px;
}

p.ms-subtitulo {
    font-family: "Montserrat-titulo", sans-serif;
    font-size: 1.025rem;
    color: #f2951c;
}

p.ms-italic {
    font-family: "Montserrat-italic", sans-serif;
}

h3.ms-titulo-p {
    font-family: "Playfair-display-black", sans-serif;
}

.ms-header-link {
    font-family: "Montserrat-titulo", sans-serif;
    font-size: 0.93rem !important;
    color: #003559;
    line-height: 1.125rem;
    text-transform: uppercase;
}

.ms-header-link:hover {
    color: #f2951c;
}
.ms-header-link-footer {
    font-family: "Montserrat-titulo", sans-serif;
    font-size: 0.93rem !important;
    color: #003559;
    line-height: 1.125rem;
    text-transform: uppercase;
}

.ms-header-link-footer:hover {
    color: #f2951c;
}

.ms-tipo-servicio {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 1.125rem;
    color: #003559;
    line-height: 1.425rem;
    text-transform: uppercase;
}

.ms-tipo-servicio-home {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 1.125rem;
    color: #003559;
    line-height: 1.425rem;
}

.ms-color-principal {
    font-family: "Montserrat-titulo", sans-serif;
    color: #003559;
    font-size: 1rem;
}

.ms-color-secundario {
    font-family: "Montserrat-titulo", sans-serif;
    color: gray;
}
/* boton servicios */
.ms-color-secundario-b {
    font-family: "Montserrat-titulo", sans-serif;
    /* bottom: 0px; */
    border: 1px solid gray;
    text-transform: uppercase;
    color: #003559;
    border-radius: 5px;
    width: 135px;
    padding: 5px;
    font-size: 14px;
}

.ms-color-secundario-b-bottom {    
    position: absolute;
    bottom: 50px;    
}

p.ms-texto {
    font-family: "Montserrat-texto", sans-serif;
    color: black;
    margin-left: 25px;
    font-size: 0.93rem !important;
    margin-top: 5px;
}

p.ms-texto-ml0 {
    font-family: "Montserrat-texto", sans-serif;
    color: black;
    margin-left: 25px;
    font-size: 0.93rem !important;
}

p.ms-texto-ml0 {
    font-family: "Montserrat-texto", sans-serif;
    color: black;
    margin-left: 0px;
    font-size: 0.93rem !important;
}

.ms-titulo-w {
    font-family: "Montserrat-texto", sans-serif;
    font-size: 2.875rem;
    line-height: 3.5rem !important;
    color: #00355980;
}


.ms-titulo-w-services {
    font-family: "Playfair-display-italic", sans-serif;
    font-size: 2.75rem;
    line-height: 2.95rem !important;
    color: white;
    
}

.ms-titulo-w-subscribe {
    font-family: "Montserrat-texto", sans-serif;
    font-size: 1.875rem;
    color: #00355980;
}

.ms-tipo-servicio-s {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.875rem;
    line-height: 3.1rem !important;
    color: #003559;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
}

div.ms-texto-ml0 ul {
    list-style: disc !important;
    margin-left: 15px;
    font-family: "Montserrat-titulo", sans-serif;
}

div.ms-texto-ml0 ul li::marker {
    color: #ee7a14;
}

ul.subtitulo li::marker {
    color: #003559;
    font-family: "Montserrat-titulo", sans-serif;
    /* font-size: 24px; */
}

.ms-texto-ml0 {
    color: black !important;
    font-family: "Montserrat-texto", sans-serif;
    /* color:black; */
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}

.container-show {
    max-height: 770px;
    /* min-height: 640px; */
    /* overflow-y: scroll; */
}

.ms-tipo-servicio-b-s {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.3rem !important;
    /* font-size: 2.125rem; */
    color: #003559;
    line-height: 2.6rem !important;
    /* line-height: 2.425rem; */
    /* text-transform: uppercase; */
}

.ms-tipo-servicio-b {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 1.3rem !important;
    color: #003559;
    line-height: 1.6rem !important;
}

.ms-tipo-servicio-b-a {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.0rem !important;
    color: #003559;
    line-height: 2.3rem !important;    
}

p.ms-subtitulo-b {
    font-family: "Montserrat-titulo", sans-serif;
    font-size: 0.775rem;
    color: #f2951c;
    line-height: 1.2rem;
}

.text-noctiluca {
    color: #f2951c;
    /* text-decoration: underline !important; */
}

.ms-titulo-cat {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.875rem;
    line-height: 3.1rem;
    color: #ffffff;
}

.ms-titulo-cat-epigraph {
    font-family: "Montserrat-texto", sans-serif;
    color: #ffffff;
}

p.ms-texto-cat {
    font-family: "Montserrat-texto", sans-serif;
    color: white;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 5px;
    margin-top: 25px;
}

.w-82 {
    width: 75%;
}

.ms-titulo-cat-azul {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.875rem;
    line-height: 3.1rem !important;
    color: #003559;
}

.ms-titulo-cat-epigraph-azul {
    font-family: "Montserrat-texto", sans-serif;
    color: #003559;
}



p.ms-texto-cat-azul {
    font-family: "Montserrat-texto", sans-serif;
    color: #003559;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 15px;
}

p.ms-texto-cat-azul-footer {
    font-family: "Montserrat-texto", sans-serif;
    color: #003559;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 5px;
}

.ms-titulo-cat-blanco {
    font-family: "Playfair-display-regular", sans-serif;
    font-size: 2.875rem;
    line-height: 3.1rem;
    color: white;
}

.ms-titulo-cat-epigraph-blanco {
    font-family: "Montserrat-texto", sans-serif;
    color: white;
}

p.ms-texto-cat-blanco {
    font-family: "Montserrat-texto", sans-serif;
    color: white;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 15px;
}

p.ms-texto-cat-blanco-footer {
    font-family: "Montserrat-texto", sans-serif;
    color: white;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 5px;
}


.color-paginado {
    color: #003559;
}

.texto-under-botton-contact p{
    font-family: "Montserrat-texto", sans-serif;
    color: #003559;
    /* margin-left: 25px; */
    font-size: 0.93rem !important;
    margin-top: 15px;
    text-align: center;
}

.faq-question {
    font-family: "Montserrat-texto", sans-serif;
    color: #003559;
    font-size: 1.25rem;
    line-height: 1.75rem;
    
}

.faq-answer {
    font-family: "Montserrat-texto", sans-serif;    
    font-size: 1.05rem;
    line-height: 1.1rem;
}